@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{font-size:12px;}
input,body{ font-family:"PingFang SC", "Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;}



.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.threeline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.fourline{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-o-box;display:box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.flex{ display: flex; align-items: center;}
.flex-c{ display: flex; align-items: center;}
.flex-cc{ display: flex; align-items: center; justify-content: center;}
.flex-cb{ display: flex; align-items: center; justify-content: space-between;}
.flex-ce {display: flex;align-items: center;ustify-content: flex-end;}
.flex-1{ flex: 1;}


.cscreen{position:absolute;top:0;left:0;z-index:100;background:#000;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.70;}


.mypage{ width:auto; height:40px; overflow:hidden; clear:both; text-align:center;  margin:15px auto 0 auto;}
.mypage li{ min-width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;}
.mypage li:first-child a,.mypage li:last-child a{box-sizing: border-box;padding: 0 10px;}
.mypage li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; border:solid 1px #d9d9d9; border-radius:2px;box-sizing: border-box; }
.mypage li a:hover,.mypage li.active a{ background:#38a0f4; color:#fff; border:solid 1px #38a0f4; }